<div style="margin-top:50px" class="row">
	<div class="col-md-3">
		<div class="num_left">
			{$_L['RULES']}<small style="color: rgb(204,199,179);letter-spacing: 1px;">{$_L['USER_RULES']}</small>
		</div>
	</div>
	<div class="col-md-8">{$page.content}</div>
	<div class="col-md-2"></div>
</div>
<div style="margin-top: 5%" class="row">
	<div class="col-md-3">
		<div class="num_left">
		{$_L.XCHANGE}
		</div>
		<p style=" margin:10px 0px 10px 20px">{$_L.USERINFO}</p>
		<p style=" margin:10px 0px 10px 20px">{$_L.USERNAME}：{$_U['username']}</p>
		<p style=" margin:10px 0px 10px 20px"> {$_L['LAST_LOGIN']}：{$_U['last_login']|date_format:"Y-m-d H:i"}</p>
	</div>
	<div style="margin-top: 30px" class="col-md-8">
		<div class="num_row">
			<div class="hy_fl num_title">{$_L['CARD_ID']}</div>
			<div class="num_container hy_fl"><div class="num_content">{$_U['card_id']}</div></div>
		</div>
		<div class="num_row">
			<div class="hy_fl num_title">{$_L['INTEGRAL']}</div>
			<div class="num_container hy_fl"><div class="num_content">{$_U['integral']}</div></div>
		</div>
	</div>
</div>
<div class="row" style="margin-top: 7%">
	<div class="col-md-3">
		<div class="num_left">
			{$_L['BIRTHDAY']}
		</div>
	</div>
	<div class="col-md-8">
		<div id="CpS" style="OVERFLOW: hidden; WIDTH: 775px; HEIGHT: 190px">
			<table width="100%" border="0">
				<tbody>
					<tr>
						<td id="CpS1" valign="top">
							<table width="775" border="0" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										{foreach from=$photo_list item=photo}
										<td align="center" width="210" valign="middle" height="180">
											<a href="#">
												<img src="{$photo.original_pic}" alt="{$photo.title}" width="210" height="180" border="0" title="{$photo.title}" onload="javascript:Zoom_Map(this,210,180);">
											</a>
										</td>
										{/foreach}
									</tr>
								</tbody>
							</table>
						</td>
						<td id="CpS2" valign="top"></td>
					</tr>
				</tbody>
			</table>
		</div>
		<script>
			var speeds_cps=25
			                     CpS2.innerHTML=CpS1.innerHTML
			                     function Marcps(){
			                     if(CpS2.offsetWidth-CpS.scrollLeft<=0)
			                     CpS.scrollLeft-=CpS1.offsetWidth
			                     else{
			                       CpS.scrollLeft++
			                     }
			                     }
			                     var Mycps=setInterval(Marcps,speeds_cps)
			                     CpS.onmouseover=function() { clearInterval(Mycps)}
			                    CpS.onmouseout=function() { Mycps=setInterval(Marcps,speeds_cps)}
		</script>
	</div>
	<div class="col-md-2"></div>
</div>